/*
 * @Description:
 * @Author: kanglin
 * @Date: 2018-09-19 10:53:25
 * @Copyright: Created by Panxsoft.
 */

 <style lang="less" scoped rel="stylesheet/less" type="text/less" >
    .v-com-success-message{
       @deep: ~'>>>';
        padding-top: 100px;
        .icon{
            margin: auto;
            width:126px;
            height:126px;
            font-size:18px;
            font-weight:400;
            line-height:126px;
            // background: #e8f2fe;
            text-align: center;
            vertical-align: middle;
            // border-radius: 50%;
            // @{deep} .ivu-icon{
            //     line-height: 126px;
            // }
            &>img{
                width: 100%;
            }
        }
        .tips{
            margin-top: 20px;
            text-align: center;
            height:24px;
            font-size:18px;
            font-weight:400;
            line-height:24px;
            color:#999999;
        }

        .button{
            margin-top: 120px;
            text-align: center;
        }
    }
 </style>

<template>
	<div class="v-com-success-message">

		<div class="icon">
			<!-- <Icon
				color="#76b1f4"
				size="100"
				type="checkmark-round"/> -->
			<img
				:src="icon"
				alt="">
		</div>

		<p class="tips">{{ $t('share_product.add_success') }}</p>

		<div class="button">
			<Button
				:style="{width: '180px', height: '45px'}"
				size="large"
				type="primary"
				shape="circle"
				@click="handleClick">
				{{ $t('share_product.watch_added_product') }}
			</Button>
		</div>

	</div>
</template>

<script>
// import icon from 'src/assets/img/tianjia_icon@2x';

export default {
	name: 'ShareProductSuccessMessage',
	data() {
		return {
			icon: require('src/assets/img/tianjia_icon@2x.png'),
		};
	},
	methods: {
		handleClick() {
			this.$emit('confirm');
		},
	},
};
</script>
